<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>忘记密码</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/forget.css">
    <link rel="stylesheet" href="/css/common.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/forget"></script>
</head>
<body>
<#include "/include/header.ftl">
<div id="first" class="login-content">
    <div class="login-content-center">
        <div class="forget-title">
            <img src="img/forgetTitle.png"/>
        </div>
        <div class="forget-content">
            <div class="forget-content-center">
                <div class="blank"></div>
                <div class="phoneNum">
                    <div class="phoneNum-text">手机号</div>
                    <input type="text" placeholder="请输入手机号" id="phone" maxlength="11" class="phoneNum-input" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onafterpaste="this.value=this.value.replace(/[^0-9]/g,'')"/>
                </div>
               <div class="login_input_code">
                    <div class="phoneNum-text">图片验证码</div>
                    <input id="code" placeholder="请输入验证码" type="text"  class="codeNum-input" onkeyup="this.value=this
                    .value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="4"/>
                    <img class="validImg" alt="点击更换" title="点击更换" src="/sys/ImageServlet"/>
                </div>
                <div class="mobileCode login_mobileCode">
                    <div class="phoneNum-text">验证码</div>
                    <input type="number" placeholder="请输入验证码" id="mobileCode" class="codeNum-input" />
                    <div class="codeNum-img">
                       <input id="clickMes" type="button" class="codeNum-button" value="获取验证码" />

                    </div>
                </div>
                <#--<div class="sliding">-->
                    <#--<div class="sliding-but">-->
                        <#--<div class="sliding-buttom">-->
                            <#-->>-->
                        <#--</div>-->
                    <#--</div>-->
                <#--</div>-->
                <div class="login-but">
                    <button id="forgetNext" class="but" style="margin-left:91px;width:322px">
                        下一步
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="second" style="display: none" class="login-content">
    <div class="login-content-center">
        <div class="forget-title">
            <img src="/img/forgetTitle2.png"/>
        </div>
        <div class="forget-content">
            <div class="forget-content-center" style="width: 480px">
                <div class="blank"></div>
                <div class="phoneNum">
                    <div class="phoneNum-text">新密码</div>
                    <input type="password" placeholder="请输入新密码" id="password" class="phoneNum-input1" maxlength="20" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"/>
                </div>
                <div class="phoneNum">
                    <div class="phoneNum-text">确认新密码</div>
                    <input type="password" placeholder="请确认新密码" id="confirm" class="phoneNum-input1" maxlength="20" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"/>
                </div>
            <#--<div class="sliding">-->
            <#--<div class="sliding-but">-->
            <#--<div class="sliding-buttom">-->
            <#-->>-->
            <#--</div>-->
            <#--</div>-->
            <#--</div>-->
                <div class="login-but">
                    <div class="login-but-center">
                        <button id="forgetNext2" style="margin-left: 70px;width:322px;" class="but">
                            下一步
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="third" style="display: none" class="login-content">
    <div class="login-content-center">
        <div class="forget-title">
            <img src="/img/forgetTitle3.png"/>
        </div>
        <div class="forget-content">
            <div class="forget-content-center" style="width: 480px">
               <img src="/img/forgetwancheng.png" style="margin-left: 30px" />
                <div class="login-but">
                    <div class="login-but-center">
                        <a href="/login">
                            <button id="determine" style="margin-left:5px" class="but">
                                确定
                            </button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>